<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>BFC测试2</title>


    <style>
        body{
            margin: 0;
        }


        .box{
            background-color: red;
            height: 50px;
        }

        .test{
            background-color: blueviolet;
            margin: 50px;
            padding: 10px;
        }

        .test2{
            background-color: burlywood;
            margin: 50px;
            padding: 20px;
        }

        .line{
            background-color: red;
            height: 50px;
        }

        .ifc{
            background-color: burlywood;
        }

        .tag{
            background-color: cornflowerblue;
            color: white;
            padding: 10px;
            border-radius: 5px;
        }

    </style>

</head>

<body>
    <div class="box"></div>
    <div class="ifc">
        <span style="font-size: 14px;">1abfgy</span>
        <span style="font-size: 14px;">中文</span>
        <span style="font-size: 20px;">中文</span>
        <span class="tag">中文</span>
        <img src="photo04@2x.png"></img> 
    </div>
    <div class="box"></div>
</body>

</html>